<template>
<div>
 <video 
 :width="width" :height="height" 
 controls 
 @loadstart="loadstart"
 @canplay="canplay">
    <source src="https://blz-videos.nosdn.127.net/1/HearthStone/f6cd63b590d416821d3e27e0.mp4" type="video/mp4">
    您的浏览器不支持 video 标签。
</video>
  </div>
</template>

<script>
export default {
  props:{
    width:{
      type:Number,
      default:320
    },
    height:{
      type:Number,
      default:240
    }
  },
  methods:{
    loadstart(){
      console.log('loadstart');
      this.$emit('loadstart')
    },
    canplay(){
      console.log('canplay');
      this.$emit('canplay')
    }
  }
}
</script>

<style>

</style>